<div draggable mat-dialog-title>
  <h6>{{"bindingTitle" | translate}}</h6>
</div>
<div mat-dialog-content>
  <form [formGroup]="formGroup" class="form-container" novalidate autocomplete="off">
    <mat-form-field style="height: 70px;">
      <input formControlName="name" matInput placeholder="{{'personName' | translate}}">
    </mat-form-field>

    <mat-form-field>
      <mat-select formControlName="device2" placeholder="{{'device2' | translate}}">
        <mat-option *ngFor="let device of devices" [value]="device.deviceId">{{device.deviceId}}</mat-option>
      </mat-select>
    </mat-form-field>
  </form>
</div>

<div mat-dialog-actions>
  <button mat-button (click)="dialogRef.close('Close')">{{"close" | translate}}</button>
  <button mat-button (click)="submit()" [disabled]="!formGroup.dirty">{{"submit" | translate}}</button>
</div>
